import React from 'react'
import Order from './Order'
import { Col } from 'react-bootstrap'

const Orders = ({orders, page}) => {
  console.log('components orders', orders)
  let id = 0
  const ordersComponent = orders.map((order) =>
    <Order order={order} key={id++}></Order>
  )
  return(
    <Col xs={8} xsOffset={2}>
      {ordersComponent}
    </Col> 
  )
}

export default Orders
